@mixin button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius) {
    padding: $btn-padding-y $btn-padding-x;
    font-size: $btn-font-size;
    border-radius: $btn-border-radius;
}

@mixin button-type(
    $color,
    $bg,
    $border-color,
    $hover-bg: lighten($bg, 7.5%),
    $hover-color: lighten($border-color, 10%)
    ) {
    color: $color;
    background: $bg;
    border-color: $border-color;
    &:hover {
      color: $color;
      background: $hover-bg;
      border-color: $hover-color;    
    }
    &:focus,
    &.focus {
      color:$primary;
      background: $hover-bg;
      border-color: $hover-color;    
    }
    &:disabled,
    &.disabled {
      color: $white;
      background: $primary;
      border-color: $primary;    
    }
}


@mixin border-right-radius($raduis) {
  border-top-right-radius: $raduis;
  border-bottom-right-radius: $raduis;
}

@mixin border-left-radius($raduis) {
  border-top-left-radius: $raduis;
  border-bottom-left-radius: $raduis;
}